<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>任务清单</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 公共头部 start -->
	<header class="header">
		<div style="display: flex;width:84%;">
			<div class="logo">
				<a>金税云付</a>
			</div>
			<!-- 头部菜单 start -->
			<div class="topmenu">
				<span class="xz-menu">系统首页</span>
				<span class="">个人中心</span>
				<span class="">项目管理</span>
				<span class="">考勤管理</span>
				<span class="">组织架构</span>
				<span class="">工单管理</span>
				<span class="">绩效考核</span>
				<span class="">监控统计</span>
				<span class="">统计报表</span>
			</div>
			<!-- 头部菜单 end -->
		</div>
		<div class="flex-c">
			<!-- 意见 start -->
			<div class="yijian">
				<i class="iconfont icon-yijian display-ib font28 vertical-a-t cursor-p ht60 l-ht60" style="margin-right:20px;"></i>
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class=" p20 border-b-1 b-box">
						<div class="ht30 l-ht30 color-3 font16" style="border-bottom:2px solid #999">
							消息通知
						</div>
						<div style="margin-top:10px;width:250px;" class="l-ht30 font14 color-3 overflow-h">
							<span>【培训消息】</span>
							<span>今天下午五点在八楼会议今天下午五点在八楼会议</span>
						</div>
						<div class="font12 color-9">
							<span>2019-03-03</span>
							<span>16:11</span>
						</div>
					</div>
					<div class="ht50 flex-c plr20 color-theme">
						<div class="cursor-p">查看更多</div>
					</div>
				</div>
			</div>
			<!-- 意见 end -->
			<!-- 个人信息 start -->
			<div class="info ht60">
				<div class="touxiang cursor-p">
					<img src="./images/login-logo.png" alt="" style="width:100%;" class="ht40 radius50;">
				</div>
				<div style="width:60px;margin:0 5px;" class="display-ib vertical-a-t text-c font16 cursor-p">admin</div>
				<!-- 划过显示信息 start -->
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class="flex-c plr20 border-b-1">
						<div style="width:90px; height:90px;" class="radius50 border-1">
							<img src="../images/login-logo.png" alt="" style="width:100%;height:90px;" class="radius50">
						</div>
						<div style="margin-left:20px;">
							<div class="color-3 font14 ht30 l-ht30">赵丽颖</div>
							<input type="button" value="个人中心" class="btn" style="width:100px;">
						</div>
					</div>
					<div class="ht50 flex-js-c plr20 color-theme">
						<div class="cursor-p">总经理信箱</div>
						<div class="cursor-p">退出登录</div>
					</div>
				</div>
				<!-- 划过显示信息 end -->
			</div>
			<!-- 个人信息 end -->
		</div>
	</header>
	<!-- 公共头部 end -->
	<div style="height: calc(100% - 60px);" class="pos-r">
		<!-- 公共左部菜单栏 start -->
		<div class="leftmenu">
			<ul>
				<li>
					<!-- 一级菜单 start -->
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-shouye2 display-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">首页</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i>
					</a>
					<!-- 一级菜单 end -->
					<!-- 二级菜单 start -->
					<ul class="twomenu display-">
						<li>
							<i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>订单管理</a>
						</li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>

					</ul>
					<!-- 二级菜单 end -->
				</li>
				<li>
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-xiangmu dispaly-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">常见问答</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i></a>
					<ul class="twomenu display-">
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- 公共左部菜单栏 end -->

		<!-- 主内容 start -->
		<div class="pos-a" style="top:10px;bottom:10px;right:10px;left:220px;">
			<!-- 面包屑 start -->
			<div class="pos-a bg-f ht50 flex-c" style="left:0;right:0;top:5px;padding-left:20px;">
				<i class="iconfont icon-wendang display-ib color-theme font20"></i>
				<span class="font14 color-theme">
					<span class="display-ib" style="padding-left:10px;">
						任务清单
					</span>
				</span>
			</div>
			<!-- 面包屑 end -->
			<div class="pos-a overflow-y-a bg-f display-" style="bottom: 0;right:0;left:0;top:70px;">
				<!-- 初始化页面组件 start -->
				<div class="display-">
					<!-- 左部 start -->
					<div class="border-r-1 pos-a pos-l0 pos-t0 pos-b0" style="width: 290px;">
						<div class="overflow-y-a pos-a pos-l0 pos-b0 pos-r0" style="top:-7px;padding: 20px 10px;">
							<div style="margin-bottom:10px;" class="color-3 font14">
								<div class="ht40 l-ht40 radius-4 border-1 flex-cc cursor-p pos-r color-theme" style="margin-bottom:10px;">
									<input class="pos-a" type="checkbox" style="left:13px;top:10px;" />
									<span class="font14">技术部门</span>
									<span class="pos-a" style="right:13px;top:1px;">15</span>
								</div>
								<div class="ht40 l-ht40 radius-4 border-1 flex-cc cursor-p pos-r display-" style="margin-left:15px;margin-bottom:10px;">
									<input class="pos-a" type="checkbox" style="left:13px;top:10px;" />
									<span>集成</span>
								</div>
								<div class="ht40 l-ht40 radius-4 border-1 flex-cc cursor-p pos-r display-" style="margin-left:35px;margin-bottom:10px;">
									<input class="pos-a" type="checkbox" style="left:13px;top:10px;" />
									<span>售前阶段</span>
								</div>
							</div>
							<div style="margin-bottom:10px;" class="color-3 font14">
								<div class="ht40 l-ht40 radius-4 border-1 flex-cc cursor-p pos-r" style="margin-bottom:10px;">
									<input class="pos-a" type="checkbox" style="left:13px;top:10px;" />
									<span class="font14">技术部门</span>
								</div>
								<div class="ht40 l-ht40 radius-4 border-1 flex-cc cursor-p pos-r display-" style="margin-left:15px;margin-bottom:10px;">
									<input class="pos-a" type="checkbox" style="left:13px;top:10px;" />
									<span>集成</span>
								</div>
								<div class="ht40 l-ht40 radius-4 border-1 flex-cc cursor-p pos-r display-" style="margin-left:35px;margin-bottom:10px;">
									<input class="pos-a" type="checkbox" style="left:13px;top:10px;" />
									<span>售前阶段</span>
								</div>
							</div>
						</div>
					</div>
					<!-- 左部 end -->
					<!-- 右部 start -->
					<div class="pos-a overflow-y-a pos-t0 pos-r0 pos-b0" style="left:290px;">
						<div class="p10">
							<div class="b-box l-ht50 font12 color-6  plr20 " style="width: 93%;">
								<div class="display-ib">
									<span>部门名称：</span>
									<select class="text">
										<option>请选择</option>
									</select>
								</div>
								<div class="display-ib">
									<span>是否上传附件：</span>
									<select class="text">
										<option>请选择</option>
									</select>
								</div>
								<div class="display-ib" style="margin-left: 10px;">
									<span>是否必做：</span>
									<select class="text">
										<option>请选择</option>
									</select>
								</div>
								<div class="display-ib" style="margin-left: 10px;">
									<span>是否周期：</span>
									<select class="text">
										<option>请选择</option>
									</select>
								</div>
								<div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib vertical-a-m" style="width:30px;margin-left: 10px;"
								 title="搜索">
									<i class="iconfont icon-sousuo color-f font16"></i>
								</div>
								<div class="display-ib fr">
									<input type="button" class="btn" value="同步数据" style="width:85px;">
								</div>
							</div>
							<div class="p20" style="width:90%">
								<!-- 表格1 start -->
								<div class="display-">
									<!--表头 start -->
									<div class="t_title">
										<span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:8%;"><input type="checkbox" />
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:25%;">任务名称<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
											 style="right: 3px;top:5px;"></i>
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:22%;">是否上传附件<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
											 style="right: 3px;top:5px;"></i>
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:23%;">是否必做<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
											 style="right: 3px;top:5px;"></i>
										</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:22%;">任务周期<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
											 style="right: 3px;top:5px;"></i>
										</span>
									</div>
									<!--表头 end-->
									<!-- 表体 start -->
									<div class="t_body display-">
										<div class="tableRow">
											<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:8%;" title=""><input
												 type="checkbox" />
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h color-theme cursor-p"
											 style="width:25%;" title="">中国银行项目
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:22%;" title="">是
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:23%;" title="">是
											</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:22%;" title="">15天
											</span>
										</div>
									</div>
									<!-- 表体 end -->
								</div>
								<!-- 表格1 end -->
								<!--筛选结果为空的蒙版 start-->
								<div class="none display-n">
									<i class="icon iconfont icon-wushuju display-ib text-c vertical-a-t color-theme" style="font-size:100px;"></i>
									<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
								</div>
								<!--筛选结果为空的蒙版 end-->
								<!--分页 start-->
								<div class="page">
									分页控件
								</div>
								<!--分页 end-->
							</div>
						</div>
					</div>
					<!-- 右部 end -->
				</div>
				<!-- 初始化页面组件 end -->
				<!-- 查看（非必做任务详情）组件 start -->
				<div class="display-n bg-f">
					<!-- top按钮 start -->
					<div class="ht50 flex-c b-box font12 color-6" style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m">返回</span>
						</div>
					</div>
					<!-- top按钮 end -->
					<div class="p20">
						<!-- 项目信息 start -->
						<div class="border-b-1" style="margin-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>项目信息</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="" style="width:313px;">
									<span class="display-ib text-r" style="width:90px;">项目分类：</span>
									<span class="display-ib" style="width:150px;">支付宝运品台</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;">部门名称：</span>
									<span class="display-ib" style="width:150px;">政法事物部</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:90px;">创始人：</span>
									<span class="display-ib" style="width:150px;">政法事物部</span>
								</div>
							</div>
						</div>
						<!-- 项目信息 end -->
						<!-- 任务信息 start -->
						<div class="border-b-1" style="margin-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>任务信息</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="" style="width:313px;">
									<span class="display-ib text-r" style="width:90px;"><span class="color-red">*</span>任务标题：</span>
									<span class="display-ib" style="width:150px;">支付宝运品台</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;">是否要上传附件：</span>
									<span class="display-ib" style="width:150px;">
										<input type="radio" class=" vertical-a-m" name="" id=""><label class=" vertical-a-m">是</label>
										<input type="radio" class=" vertical-a-m" name="" id=""><label class=" vertical-a-m">否</label>
									</span>
								</div>
								<div style="width:243px;"></div>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="" style="width:313px;">
									<span class="display-ib text-r" style="width:90px;">是否必做：</span>
									<span class="display-ib" style="width:150px;">
										<input type="radio" class=" vertical-a-m" name="" id=""><label class=" vertical-a-m">是</label>
										<input type="radio" class=" vertical-a-m" name="" id=""><label class=" vertical-a-m">否</label>
									</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;">是否周期性：</span>
									<span class="display-ib" style="width:150px;">
										<input type="radio" class=" vertical-a-m" name="" id=""><label class=" vertical-a-m">是</label>
										<input type="radio" class=" vertical-a-m" name="" id=""><label class=" vertical-a-m">否</label>
									</span>
								</div>
								<div style="width:243px;"></div>
							</div>
						</div>
						<!-- 任务信息 end -->
						<!-- 规则定义 start -->
						<div class="border-b-1" style="margin-bottom: 20px;padding-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>规则定义</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;">任务规则：</span>
									<span class="color-9" style="margin-right:6px;"><i class="icon iconfont icon-onceloop1"></i>单词执行</span><span
									 class="display-ib" style="width:150px;">中标后一个月</span>
								</div>
								<div class="">
									<span class="display-ib text-r" style="width:100px;">超时提醒：</span>
									<span class="display-ib" style="width:150px;">任务结束前一个像是</span>
								</div>
								<div style="width:243px;"></div>
							</div>

						</div>
						<!-- 规则定义 end -->
						<!-- 任务内容 start -->
						<div class="border-b-1" style="margin-bottom: 20px;padding-bottom: 20px;">
							<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
								<span>任务流向</span>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;"><span class="color-red">*</span>任务说明：</span>
									<span class="display-ib">中标后一个月</span>
								</div>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r" style="width:90px;"><span class="color-red">*</span>任务内容：</span>
									<span class="display-ib">中标后一个月</span>
								</div>
							</div>
							<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
								<div class="">
									<span class="display-ib text-r vertical-a-m" style="width:90px;"><span class="color-red">*</span>上传附件：</span>
									<i class="iconfont icon-tianjia font20 text-c vertical-a-m" style="width:50px;"></i>
									<span class="display-ib ht30 l-ht30 b-box overflow-h vertical-a-m border-1 radius-5 pos-r color-theme" style="width:120px;padding-left: 6px;margin-right: 10px;">fffffff.pdf
									</span>
								</div>
							</div>
						</div>
						<!-- 任务内容 end -->
					</div>
				</div>
				<!-- 查看（非必做任务详情）组件 end -->
				<!-- 删除提示框 start -->
				<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
					<div class="flex-cc w100">
						<div class=" overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
							<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
								<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close" data-feidao-actions="click:eu-001"></i>提示
							</div>
							<div class="p20 bg-f">
								<div class="ht40 l-ht40 text-c color-6">
									<span>该任务正在进行中，你确定要删除明细吗？</span>
								</div>
								<div class="text-c" style="margin-top: 20px;">
									<input type="button" value="确认" class="btn" style="width: 50px;" />
									<input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;" />
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 删除提示框 end -->
			</div>
			<!-- 主内容 end -->
		</div>
	</div>
</body>

</html>